<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./sass/cycle.css">
    <title>Document</title>
    
</head>
<body>
    <div class="contianer">
        <div class="item">
            <div class="contianer1">
                <div class="item1"></div>
            </div>
        </div>
    </div>
    <script>
        function addCycle(){    
            for(let i = 1; i<= 700; i++){
                let contianer = document.querySelector('.contianer')
            let item = document.querySelector('.item')
            let li =  item.cloneNode(false)              
            contianer.appendChild(li)          
            }
        }
        function addCycle1(){
            for(let i = 1; i<= 130; i++){
                let contianer1 = document.querySelector('.contianer1');
            let item1 = document.querySelector('.item1');
            let li =  item1.cloneNode(false);              
            contianer1.appendChild(li);
            } 
        }
        addCycle1()
        addCycle()
    </script>
</body>

</html>